@import "compass";
@import "component";


// unslider
.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

.banner {
	li {
		height: 500px;
		padding-top: 1px;
		.section {
			color: #fff;
			margin: 120px 0 0 15%;
			text-shadow: 1px 1px 1px $gray_9;
			p {
				font-size: 30px;
			}
			h3 {
				font-size: 40px;
			}
		}
	}
}

.question {
	color: $font_gray_64;
	font-size: 40px;
	text-align: center;
	height: 400px;
	line-height: 400px;
}

.videoPlay {
	width: 100%;
}
.iphoto {
	position: relative;
	height: 500px;
	&.i_photo1 {
		overflow: hidden;
		.video {
			width: 100%;
		}
	}
	&.i_photo2 {
		background: url('/images/home_photo2.jpg') center;
		background-size: cover;
		.des {
			color: #fff;
			padding: 240px 20% 0 20%;
			h3 {
				font-size: 28px;
			}
		}
		.exp {
			padding-left: 1.2em;
			li {
				font-size: 18px;
				list-style: disc;
				margin: 12px 0;
			}
		}
	}
	.play {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -30px 0 0 -30px;
		display: block;
		width: 60px;
		height: 60px;
		background: url('/images/play.png');
		background-size: cover;
		cursor: pointer;
	}
}

.find {
	height: 400px;
	padding: 0 20%;
	.des {
		padding-top: 1px;
		.title {
			font-size: 40px;
			margin-top: 110px;
			a {
				color: $font_gray_64;
				&:hover {
					color: $gray_3;
				}
			}
		}
		.des {
			width: 450px;
			color: $font_gray_a0;
			font-size: 20px;
			line-height: 28px;
			margin-top: 30px;
		}
	}
}


.programs {
	padding: 60px 0 100px 0;
	.program_list {
		@include clearfix;
		width: 990px;
		margin: 0 auto;
	}
	.item {
		float: left;
		width: 300px;
		margin: 0 15px;
		.show {
			position: relative;
			display: block;
			width: 300px;
			height: 228px;
			overflow: hidden;
			&:hover {
				.des {
					top: 0;
				}
			}
			.des {
				@include transition(all, 0.5s, ease-in);
				position: absolute;
				left: 0;
				top: 228px;
				width: 300px;
				height: 228px;

				background: rgba(0, 180, 255, 0.75);
				p {
					color: #fff;
					font-size: 16px;
					line-height: 18px;
					padding: 20px 20px 0 20px;
				}
			}
		}
		img {
			width: 100%;
		}
	}
	.title {
		font-size: 16px;
		margin-top: 16px;
		line-height: 20px;
		a {
			color: $font_gray_64;
			&:hover {
				color: $gray_3;
			}
		}
	}
}

// program
.p_photo {
	position: relative;
	height: 400px;
	padding-top: 1px;
	&.pro_photo1 {
		background: url('/images/program_photo1.jpg') center;
		background-size: cover;
		p {
			color: #fff;
			font-size: 40px;
			line-height: 300px;
			padding-left: 16%;
			text-shadow: 1px 1px 1px $gray_9;
		}
	}
	&.pro_photo2 {
		background: url('/images/program_photo2.jpg') center;
		background-size: cover;
		.pro_text2 {
			margin: 100px 0 0 16%;
			width: 400px;
			color: $font_gray_64;
			p {
				font-size: 20px;
				line-height: 28px;
				text-shadow: 1px 1px 1px #fff;
			}
			h3 {
				font-size: 28px;
				margin-top: 6px;
				font-weight: bold;
				text-shadow: 1px 1px 1px #fff;
			}
		}
	}
}


.brief {
	@include clearfix;
	width: 100%;
	padding: 60px 0;
	.des_text {
		float: left;
		width: 35%;
		margin-left: 15%;
		p {
			color: $font_gray_64;
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 20px;
		}
	}
	.des_photo {
		float: left;
		width: 30%;
		margin-left: 5%;
		img {
			width: 100%;
		}
	}
}

// zj_programs
.zj_programs {
	padding: 80px 10% 120px 10%;
	table {
		width: 100%;
		caption {
			color: $color_stone;
			font-size: 40px;
			text-align: left;
			margin-bottom: 20px;
		}
		thead {
			th {
				font-size: 18px;
				height: 60px;
				font-weight: normal;
			}
		}
		
		tbody {
			td {
				color: $font_gray_64;
				font-size: 16px;
				padding: 16px 0;
				text-align: center;
				border: none;
				border-top: 1px solid $gray_e0;
			}
		}
		
	}
}


// 大学简介
.in_photo {
	height: 400px;
	padding-top: 1px;
	&.intro_photo1 {
		background: url('/images/intro_photo1.jpg') center;
		background-size: cover;
		.univer {
			color: #fff;
			font-size: 40px;
			text-align: center;
			margin-top: 120px;
			text-shadow: 1px 1px 1px $gray_9;
		}
	}
}


.intro_des {
	padding: 80px 10% 100px 10%;
	li {
		@include clearfix;
		margin-bottom: 80px;
		.des_main {
			float: left;
			width: 50%;
		}
		.des_sub {
			float: left;
			width: 45%;
			margin-left: 5%;
		}
		h3 {
			color: $color_stone;
			font-size: 28px;
			margin-bottom: 30px;
		}
		p {
			color: $font_gray_64;
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 30px;
			word-break: break-all;
			word-wrap: break-word;
		}
		img {
			width: 100%;
		}
	}
}

// 关于我们
.a_photo {
	padding-top: 1px;
	height: 400px;
	&.about_photo1 {
		background: url('/images/about_photo1.jpg') center;
		background-size: cover;
		p {
			color: #fff;
			font-size: 50px;
			line-height: 400px;
			text-align: center;
			text-shadow: 1px 1px 1px $gray_9;
		}
	}
	&.about_photo2 {
		background: url('/images/about_photo2.jpg') center;
		background-size: cover;
		.des {
			margin: 100px 0 0 16%;
			p {
				color: $font_gray_64;
				font-size: 18px;
				width: 400px;
				line-height: 24px;
				text-shadow: 1px 1px 1px #fff;
			}
		}
	}
}

.a_que1 {
	color: $font_gray_64;
	font-size: 50px;
	text-align: center;
	height: 300px;
	line-height: 300px;
}

.a_que2 {
	padding: 100px 0;
	p {
		color: $font_gray_64;
		font-size: 24px;
		width: 40%;
		line-height: 40px;
		text-align: center;
		margin: 0 auto;
	}
}

.about_photo3 {
	height: 700px;
	padding-top: 1px;
	background: url('/images/about_photo3.jpg') center;
	background-size: cover;
	.des {
		margin-top: 160px;
		p {
			color: #fff;
			font-size: 28px;
			width: 50%;
			margin: 0 auto;
			line-height: 50px;
			text-align: center;
			font-weight: bold;
			text-shadow: 1px 1px 1px $gray_9;
		}
	}
	.c_logo {
		text-align: center;
		text-indent: 5em;
		margin-top: 60px;
		img {
			width: 200px;
		}
	}
}

// 联系我们
.c_photo {
	height: 700px;
	padding-top: 1px;
	&.contact_photo1 {
		background: url('/images/contact_photo1.jpg') center;
		background-size: cover;
		.contact {
			width: 400px;
			color: $font_gray_64;
			margin: 120px 0 0 16%;
			p {
				text-shadow: 1px 1px 1px #fff;
			}
			h3 {
				color: $color_stone;
				font-size: 40px;
				font-weight: bold;
				text-shadow: 1px 1px 1px #999;
			}
			.email {
				font-size: 32px;
				margin-top: 6px;
				a {
					display: block;
					color: $font_gray_64;
					&:hover {
						text-decoration: underline;
					}
				}
			}
			.talk {
				font-size: 24px;
				margin-top: 20px;
				em {
					display: block;
					font-style: normal;
					font-size: 30px;
					margin-top: 6px;
				}
			}
			.tip {
				color: $color_stone;
				font-size: 14px;
				margin-top: 60px;
			}
		}
	}
}


// 阿拉伯语rtl
.arabic {
	.banner {
		li {
			.section {
				float: left;
				width: 420px;
			}
		}
	}
	.find {
		.des {
			float: left;
			width: 450px;
		}
	}
	.p_photo {
		&.pro_photo1 {
			p {
				float: left;
				width: 300px;
			}
		}
		&.pro_photo2 {
			.pro_text2 {
				float: left;
				width: 450px;
			}
		}
	}
	.a_photo {
		&.about_photo2 {
			.des {
				float: left;
				width: 420px;
			}	
		}
	}
	.c_photo {
		&.contact_photo1 {
			.contact {
				float: left;
			}
		}
	}
	.iphoto {
		&.i_photo2 {
			.des {
				float: left;
				padding: 240px 0 0 20%;
			}
			.exp {
				padding-right: 1.2em;
			}
		}
	}
	
}





